<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
          // alert($("input[name!='newsletter']").length);
          //   alert($("div").has("span").length);
          //   $("div:first").nextAll().addClass("after");//加了class标签
          //   $("div:first").nextUntil("span").addClass("after");
          //   alert($("p").prev().length);
          //   $("div:last").prevAll().addClass("before");
          //   $("span").siblings().addClass("before");
            alert($("div").add("span").length);
        });

    </script>
</head>
<body>
    <!--<input disabled="disabled" type="checkbox" name="newsletter" value="Hot Fuzz" />-->
    <!--<input type="radio" name="xxx">-->
    <!--<input type="button" value="123412">;-->
    <!--<input type="text" name="1234" id="asd">-->

    <!--<div>div1</div>-->
    <!--<div>div2</div>-->
    <!--<div>div3 <span>div中的span</span></div>-->

    <!--<div></div>-->
    <!--<div></div>-->
    <!--<div></div>-->
    <!--<span></span>-->
    <!--<div></div>-->

    <!--<div></div>-->
    <!--<p>Hello</p>-->
    <!--<div><span>Hello Again</span></div>-->
    <!--<p>And Again</p>-->

    <div></div>
    <div></div>
    <span></span>
    <div></div>
    <div></div>

</body>
</html>